@import './base';

.normal_bg {
    background-color: white;
}

.active_bg {
    background-color: #85C4F6;
    color: white;
}

.back_btn {
    display: block;
    position: relative;
    z-index: 100;
    height: 100%;
    width: $baseRem * 50;
    line-height: $baseRem * 44;
    img {
        width: $baseRem * 10;
    }
}

.card + .card {
    margin-top: $baseRem * 5 !important;
}
.active-header {
    .title {
        color: white;
    }
    &:after {
        display: none;
    }
    .active-intro {
        position: relative;
        display: block;
        height: $baseRem * 44;
        line-height: $baseRem * 44;
        z-index: 100;
        font-size: $baseRem * 13;
    }
}
.active-head {
    padding: $baseRem * 15;
    background: url($baseUrl + 'active_h_bg.png') repeat-x #7bd1f4;
    background-size: auto 100%;
    .active-head-t {
        @include flex_box(row, center, center);
        margin-bottom: $baseRem * 10;
        .active_num {
            width: $baseRem * 150;
            height: $baseRem * 80;
            line-height: $baseRem * 97;
            color: white;
            text-align: center;
            font-size: $baseRem * 40;
            background: url($baseUrl + 'active_num_brd.png') no-repeat top;
            background-size: $baseRem * 140;
        }
    }

    .active-head-c {
        p {
            text-align: center;
            color: white;
        }
    }
}

.avtive-body {
    & > p {
        color: #898989;
        margin: 0 $baseRem * 15;
    }
}

.active_info {
    background: #0089d3;
    color: white;
    &:after {
        display: none;
    }
    .title {
        color: white;
    }
    .back {
        color: white;
    }
}
.active_code {
    background: #0089d3;
    color: white;
    text-align: center;
    padding:  {
        top: $baseRem * 25;
        bottom : $baseRem * 10;
    };
    & p:first-of-type{
        font-size: $baseRem * 12;
    };
    & p:last-of-type {
        font-size: $baseRem * 30;
        span {
            font-size: $baseRem * 12;
        }
    }
}

.active-introduce {
    background: white;
    padding: $baseRem * 15;
}